<template>
  <div class="App">
    <el-menu
      mode="horizontal"
      router
      :default-active="$route.path"
    >
      <el-menu-item
        style="padding: 0; margin-right: 60px; font-size: 16px; display: flex; align-items: center;"
        v-for="(item,index) in navList"
        :key="index" :index="item.url"
      >
        {{item.name}}
      </el-menu-item>
    </el-menu>
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      navList: [ // 导航列表
        {
          id: 1,
          name: '云屏自定义',
          url: '/home/module/screen-manage/custom-screen',
          icon: 'icon-house'
        }
      ]
    }
  },
  methods: {

  },
  created () {

  },
  mounted () {

  }
}
</script>

<style scoped lang="scss">

</style>
